<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org"
	xmlns:winter="http://www.winter.org"
	xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
	layout:decorator="/layouts/layout">
<head>
	<title>Escriba - Personas</title>
</head>
<body>
	<section layout:fragment="content">
		<winter:output id="PersonasOutput">
			<form id="PersonasForm" th:object="${personas}" class="form">
				<div id="BarraPersonas" class="headerbar" th:if="${personas.context.lista}">
					<div class="form-title" th:text="@{'Personas'}" th:if="${!personas.escribano}">Personas</div>
					<div class="form-title" th:text="@{'Escribanos'}" th:if="${personas.escribano}">Escribanos</div>
					<winter:row>
			    		<winter:column type="col-md-4">
			    	   		<winter:inputtext
								id="PersonaFiltroNombre" 
								field="*{filtros.nombresRazon}"
								label="#{label.persona.nombres}"
								labeldisplay="col-xs-4"
								inputdisplay="col-xs-8"
								containerdisplay="row padded"
								class="winter-input-text">
							</winter:inputtext>
			    	   </winter:column>
			    	   <winter:column type="col-md-4">
			    	   		<winter:inputtext
								id="PersonaFiltroApellido" 
								field="*{filtros.apellidos}"
								label="#{label.persona.apellidos}"
								labeldisplay="col-xs-4"
								inputdisplay="col-xs-8"
								containerdisplay="row padded"
								class="winter-input-text">
							</winter:inputtext>
			    	   </winter:column>
			    	   <winter:column type="col-md-4">
			    	   		<winter:select 
								id="selectTipoPersona"
								field="*{filtros.tipoPersona}" 
								collection="tiposPer, rowTiposPer : ${personas.tiposPer}" 
								value="${tiposPer.id}"
								text="@{${tiposPer.descripcion}}"
								display="table-cell"
								label="@{'Tipo Persona: '}"
								modern="true" 
								addemptyvalue="true">
							</winter:select>
			    	   </winter:column>
			    	 </winter:row>
					 <winter:row class="button-panel-right" padded="true">
						<winter:ajaxsubmit 
							id="@{'ConsultarPersonas'}" 
							form="PersonasForm"
							url="@{'/personas/consultar'}" 
							update="PersonasOutput"
							value="Consultar"
							object="personas"
							effect="fade"
							showstatus="true"
							class="btn btn-cyan"
							immediate="true">
						</winter:ajaxsubmit>
						<winter:ajaxsubmit 
							id="@{'AgregarPersona'}" 
							form="PersonasForm"
							url="@{'/personas/agregarPersona'}" 
							update="PersonasOutput"
							value="${personas.escribano} ? 'Agregar Escribano' : 'Agregar Persona'"
							object="personas"
							effect="fade"
							showstatus="true"
							class="btn btn-cyan"
							immediate="true">
						</winter:ajaxsubmit>
					</winter:row>
				</div>			
				<div th:text="#{mensaje.personas.vacio}" class="info-message" th:if="${!personas.context.persona and #lists.isEmpty(personas.personas)}">
				</div>
				<div id="TablaPersonasDiv" th:if="${!personas.escribano}">
					<winter:output id="TablaPersonas">
						<winter:datatable id="ListaPersonas" customLanguage="true"
							paginate="true" jQuery="true" retrieve="true"
							emptyTableText="No se encontraron Datos!"
							infoText="Mostrando _START_ al _END_ de _TOTAL_ registros"
							emptyTableInfoText="Mostrando 0 al 0 de 0 registros"
							searchText="Buscar" lengthMenu="Mostrar _MENU_ registros"
							if="${personas.context.lista and !#lists.isEmpty(personas.personas)}">
							<thead>
								<tr>
									<th th:text="@{'Nombre/ Razon Social'}"></th>
									<th th:text="@{'Apellidos'}"></th>
									<th th:text="@{'Fecha Nacimiento/ Constitucion'}"></th>
									<th th:text="@{'Email'}"></th>
									<th th:text="@{'Activo?'}"></th>
									<th th:text="@{'Nro. Registro'}"></th>
									<th th:text="@{'Operaciones'}"></th>
								</tr>
							</thead>
							<tbody>
								<tr th:each="personaItem, rowStat : ${personas.personas}"
									style="line-height: 2em;">
									<td th:text="${personaItem.nombresRazon}" class="align-center"></td>
									<td th:text="${personaItem.apellidos}" class="align-center"></td>
									<td th:text="${#dates.format(personaItem.fechaNacimientoCreacion, 'dd/MM/yyyy')}" class="align-center"></td>
									<td th:text="${personaItem.email}" class="align-center"></td>
									<td th:text="${personas.descEstado(personaItem.activo)}" class="align-center"></td>
									<td th:text="${personaItem.registroNro}" class="align-center"></td>
									<td class="tabla-operaciones">
										<div class="button-toolbar">
											<winter:ajaxlink id="@{${rowStat.index}+'EditarPersona'}"
												form="PersonasForm"
												url="@{'/personas/editarPersona/'+${rowStat.index}}"
												update="PersonasOutput" title="Editar" tip="true"
												object="personas" class="ajax-submit icon-edit-sign icon-2x"
												effect="fade" showstatus="true" immediate="true">
											</winter:ajaxlink>
											<winter:ajaxlink id="@{${rowStat.index}+'EliminarPersona'}"
												form="PersonasForm"
												url="@{'/personas/eliminarPersona/'+${rowStat.index}}"
												update="PersonasOutput" title="Eliminar" tip="true"
												object="personas" class="ajax-submit icon-remove-sign icon-2x"
												effect="fade" showstatus="true" immediate="true"
												confirmationrequired="true"
												confirmationtext="Está seguro que desea realizar la operación?">
											</winter:ajaxlink>
										</div>
									</td>
								</tr>
							</tbody>
						</winter:datatable>
					</winter:output>
				</div>
				<div th:if="${personas.context.persona}" class="regla">
					<div id="CrearEditarPersona" th:include="/admin/persona :: persona">
	  				</div>
				</div>
				
				
				<div id="TablaEscribanosDiv" th:if="${personas.escribano}">
					<winter:output id="TablaEscribanos">
						<winter:datatable id="ListaEscribanos" customLanguage="true"
							paginate="true" jQuery="true" retrieve="true"
							emptyTableText="No se encontraron Datos!"
							infoText="Mostrando _START_ al _END_ de _TOTAL_ registros"
							emptyTableInfoText="Mostrando 0 al 0 de 0 registros"
							searchText="Buscar" lengthMenu="Mostrar _MENU_ registros"
							if="${personas.context.lista and !#lists.isEmpty(personas.escribanos)}">
							<thead>
								<tr>
									<th th:text="@{'Nombres'}"></th>
									<th th:text="@{'Apellidos'}"></th>
									<th th:text="@{'Fecha Creacion'}"></th>
									<th th:text="@{'Email'}"></th>
									<th th:text="@{'Nro. Registro'}"></th>
									<th th:text="@{'Activo?'}"></th>
									<th th:text="@{'Operaciones'}"></th>
								</tr>
							</thead>
							<tbody>
								<tr th:each="escribanoItem, rowStatEsc : ${personas.escribanos}"
									style="line-height: 2em;">
									<td th:text="${escribanoItem.persona.nombresRazon}" class="align-center"></td>
									<td th:text="${escribanoItem.persona.apellidos}" class="align-center"></td>
									<td th:text="${#dates.format(escribanoItem.persona.fechaNacimientoCreacion, 'dd/MM/yyyy')}" class="align-center"></td>
									<td th:text="${escribanoItem.persona.email}" class="align-center"></td>
									<td th:text="${escribanoItem.regitronro}" class="align-center"></td>
									<td th:text="${personas.descEstado(escribanoItem.persona.activo)}"
										class="align-center"></td>
									<td class="tabla-operaciones">
										<div class="button-toolbar">
											<winter:ajaxlink id="@{${rowStatEsc.index}+'EditarPersona'}"
												form="PersonasForm"
												url="@{'/personas/editarPersona/'+${rowStatEsc.index}}"
												update="PersonasOutput" title="Editar" tip="true"
												object="personas" class="ajax-submit icon-edit-sign icon-2x"
												effect="fade" showstatus="true" immediate="true">
											</winter:ajaxlink>
											<winter:ajaxlink id="@{${rowStatEsc.index}+'EliminarPersona'}"
												form="PersonasForm"
												url="@{'/personas/eliminarPersona/'+${rowStatEsc.index}}"
												update="PersonasOutput" title="Eliminar" tip="true"
												object="personas" class="ajax-submit icon-remove-sign icon-2x"
												effect="fade" showstatus="true" immediate="true"
												confirmationrequired="true"
												confirmationtext="Está seguro que desea realizar la operación?">
											</winter:ajaxlink>
										</div>
									</td>
								</tr>
							</tbody>
						</winter:datatable>
					</winter:output>
				</div>	
			</form>
		</winter:output>
	</section>
</body>
</html>